<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.31/vue.global.prod.min.js"
        type="application/javascript"></script>
</head>

<body onload="initApp()">
    <div onclick="alert(123)">alert(123)</div>
    <p></p>
    <div id="app">

        <div @click="helloVue()" data-role="dddd">hello vue</div>
    </div>
    <script>

        window.addEventListener("click", (e) => {
            console.log(e)
        })

        function initApp() {
            const app = Vue.createApp({
                data() {
                    return {}
                },
                methods: {
                    helloVue() {
                        console.log('hello vue')
                    }
                }
            })
            app.mount("#app")
            console.log(app);

        }
    </script>

</body>

</html>